<script setup lang="ts">

</script>

<template>
  <div class="usertop">
    <div class="logo ">
      <img src="@/assets/img/huda.png">
    </div>
    <div class="user">
      <div class="username ">湖大</div>
      <div class="userinfo " >李四，Hubei, China</div>
    </div>
    <div class="menu">
      <div class="menu-grade">
        <div >等级2</div>
        <div class="menu-t">您可以在这里展示您徽章中的其中之一。请从编辑个人资料页面中选择。</div>
      </div>
      <div class="menu-text">
        <el-button type="info" plain >编辑个人资料</el-button>
      </div>
    </div>
  </div>
</template>

<style scoped>
  @import "../../assets/css/usertop.css";
</style>